<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <title>商品发布</title>
    <#include "/header.html">
    <!-- 文件上传 -->
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/oss/style.css">
    <script type="text/javascript" src="${request.contextPath}/statics/plugins/oss/js/plupload.full.min.js"></script>
    <script type="text/javascript" src="${request.contextPath}/statics/plugins/oss/ziyun_library.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="pushGoodOne">
        <!--<form class="form-horizontal" style="width: 100%;">-->
        <!--<div class="col-sm-3">-->
        <!--<select v-model="cat1">-->
        <!--&lt;!&ndash;<option>请选择一级分类</option>&ndash;&gt;-->
        <!--<option v-for="category1 in categoryList1"  v-bind:value="category1.categoryId">{{category1.categoryName}}</option>-->
        <!--</select>-->
        <!--</div>-->
        <!--<div class="col-sm-3">-->
        <!--<select v-model="cat2">-->
        <!--&lt;!&ndash;<option>请选择二级分类</option>&ndash;&gt;-->
        <!--<option v-for="category2 in categoryList2"  v-bind:value="category2.categoryId">{{category2.categoryName}}</option>-->
        <!--</select>-->
        <!--</div>-->
        <!--<div class="col-sm-3">-->
        <!--&lt;!&ndash;<select v-model="good.categoryId">&ndash;&gt;-->
        <!--<select v-model="cat3">-->
        <!--&lt;!&ndash;<option>请选择三级分类</option>&ndash;&gt;-->
        <!--<option v-for="category3 in categoryList3" v-bind:value="category3.categoryId">{{category3.categoryName}}</option>-->
        <!--</select>-->
        <!--</div>-->
        <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
        <!--&lt;!&ndash;<input type="button" class="btn btn-primary  btn-sm" @click="findGoodTwo" value="下一步"/>&ndash;&gt;-->
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
        <!--</form>-->
        <!--</div>-->
        <!--<div v-show="pushGoodTwo">-->
        <form class="form-horizontal" style="width: 100%;">
            <div class="fb_01_bd">
                <div class="fb_01">
                    <div class="grid-content bg-purple-light " style="vertical-align: middle">
                        <!--<div class="col-sm-1"></div>-->
                        <div class="fb_01_hd">商品基本信息</div>
                    </div>
                    <!--<div class="form-group">-->
                    <!--<div class="col-sm-2 control-label">商品分类:</div>-->
                    <!--<div class="col-sm-2">{{categoryNames}}</div>-->
                    <!--</div>-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label"><span style="color: red;">*&nbsp;</span>商品三级分类:</div>
                        <div class="col-sm-4">
                            <span v-if="categoryNames!= null">{{categoryNames}}</span>
                            <!--<a @click="choiceCategory()" v-if="categoryNames == null">请选择三级分类</a>-->
                            <!--<a @click="choiceCategory()" v-else>修改三级分类</a>-->
                            <el-button type="info" plain @click="choiceCategory()" v-if="categoryNames == null">
                                请选择三级分类
                            </el-button>
                            <el-button type="info" plain @click="choiceCategory()" v-else>修改三级分类</el-button>
                            <!--<input @click="choiceCategory()" v-bind:value="(categoryNames == null)?'选择三级分类':'修改三级分类'"/>-->
                        </div>
                        <!--<div class="col-sm-4">-->
                        <!--<el-dialog title="选择"  width="40%">-->
                        <!--<div class="el-form-item">-->
                        <!--<label class="el-form-item__label" style="width: 80px;">商品分类</label>-->
                        <!--<div class="el-form-item__content" style="margin-left: 80px;">-->
                        <!--<el-cascader style="width: 90%"-->
                        <!--v-model="categoryId"-->
                        <!--:options="categoryTree"-->
                        <!--@change="categoryChange">-->
                        <!--</el-cascader>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<span slot="footer" class="dialog-footer">-->
                        <!--<el-button @click="dialogVisible = false">取 消</el-button>-->
                        <!--<el-button type="primary" @click="findGoodTwo">确 定</el-button>-->
                        <!--</span>-->
                        <!--</el-dialog>-->
                        <!--</div>-->
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label"><span style="color: red;">*&nbsp;</span>商品名称:</div>
                        <div class="col-sm-2">
                            <input type="text" class="form-control input-sm" v-model="good.name" placeholder="请输入商品名称">
                        </div>
                    </div>
                    <!--<div class="form-group">-->
                        <!--<el-button @click="fastValidator">数码快印校验</el-button>-->
                    <!--</div>&nbsp;&nbsp;&nbsp;-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label"><span style="color: red;">*&nbsp;</span>产品上架平台:</div>
                        <div class="col-sm-2">
                            <select v-model="good.stageType" class="form-control">
                                <option value="0">紫云网/pom平台</option>
                                <option value="1">紫云网</option>
                                <option value="2">pop平台</option>
                            </select>
                        </div>
                    </div>
                    <!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label"><span style="color: red;">*&nbsp;</span>产品上架平台:</div>-->
                        <!--<div class="col-sm-2">-->
                            <!--<el-button @click="machineValidator">校验机器</el-button>-->
                        <!--</div>-->
                    <!--</div>-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label"><span style="color: red;">*&nbsp;</span>商品品牌:</div>
                        <div class="col-sm-2">
                            <select v-model="good.brandId" class="form-control">
                                <option value="">请选择品牌</option>
                                <option v-for="goodBrand in goodBrands" v-bind:value="goodBrand.brandId">
                                    {{goodBrand.brandName}}
                                </option>
                            </select>
                            <!--<template>-->
                                <!--<el-select v-model="good.brandId" filterable placeholder="请选择品牌">-->
                                    <!--<el-option-->
                                            <!--v-for="goodBrand in goodBrands"-->
                                            <!--:key="goodBrand.brandId"-->
                                            <!--:label="goodBrand.brandName"-->
                                            <!--:value="goodBrand.brandId">-->
                                    <!--</el-option>-->
                                <!--</el-select>-->
                            <!--</template>-->
                        </div>
                    </div>
                    <div class="form-group" style="display:none;">
                        <div class="col-sm-2 control-label"><span style="color: red;">*&nbsp;</span>商品审核状态:</div>
                        <div class="col-sm-2">
                            <input v-model="good.examineStatus"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">商品模板:</div>
                        <div class="col-sm-2">
                            <span v-if="categoryNames!= null" class="col-sm-8">{{goodTemplate.templateName}}</span>
                        </div>
                    </div>
                    <div class="form-group" v-if="categoryEntity.goodsType == 'paper'">
                        <div class="col-sm-2 control-label"><span style="color: #ff0208;">*&nbsp;</span>大纸类型:</div>
                        <div class="col-sm-2">
                            <!--<select v-model="good.isUnit">-->
                            <!--<option v-bind:value="true">平板</option>-->
                            <!--<option v-bind:value="false">卷筒</option>-->
                            <!--</select>-->
                            <template>
                                <el-radio v-model="good.isUnit" label="0">卷筒</el-radio>
                                <el-radio v-model="good.isUnit" label="1">平板</el-radio>
                            </template>
                            <!--卷筒:<input type="radio" value=0 v-model="good.isUnit">-->
                            <!--平板:<input type="radio" value=1 v-model="good.isUnit">-->
                        </div>
                    </div>
                    <!-- 旧版本规格属性选择 -->
                    <div style="display:none">
                        <div class="form-group"
                             v-if="categoryEntity.goodsType == 'standard' || categoryEntity.goodsType == 'paper' || categoryEntity.goodsType == 'copy' || categoryEntity.goodsType == 'material'">
                            <div class="col-sm-2 control-label"><span style="color: red;">*&nbsp;</span>规格属性:</div>
                            <div class="col-sm-2">
                                <div v-if="JSON.stringify(attributeNames)!='[]'">
                                    <span v-for="attributeName in attributeNames">{{attributeName}}&nbsp;&nbsp;</span>
                                    <span>
                                    <!--<a @click="chooseAttribute">修改规格</a>-->
                                    <el-button type="info" plain @click="chooseAttribute()">修改规格</el-button>
                                </span>
                                </div>
                                <div v-else>
                                <span>
                                    <!--<a @click="chooseAttribute">选择规格</a>-->
                                    <el-button type="info" plain @click="chooseAttribute()">选择规格</el-button>
                                </span>
                                </div>
                            </div>
                        </div>
                        <div class="form-group"
                             v-if="(categoryEntity.goodsType == 'standard' || categoryEntity.goodsType == 'paper'  || categoryEntity.goodsType == 'copy' || categoryEntity.goodsType == 'material') && goodTemplate.includCraft">
                            <!--<div class="form-group">-->
                            <div class="col-sm-2 control-label">工艺:</div>
                            <div class="col-sm-2">
                                <div v-if="JSON.stringify(craftNames)!='[]'">
                                    <span v-for="craftName in craftNames">{{craftName}}&nbsp;&nbsp;</span>
                                    <span>
                                    <!--<a @click="chooseCraft">修改工艺</a>-->
                                    <el-button type="info" plain @click="chooseCraft()">修改工艺</el-button>
                                </span>
                                </div>
                                <div v-else>
                                <span>
                                    <!--<a @click="chooseCraft">选择工艺</a>-->
                                    <el-button type="info" plain @click="chooseCraft()">选择工艺</el-button>
                                </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 新版本规格属性选择 -->
                    <div class="form-group"
                         v-if="categoryEntity.goodsType == 'standard' || categoryEntity.goodsType == 'paper' || categoryEntity.goodsType == 'copy' || categoryEntity.goodsType == 'material'|| categoryEntity.goodsType == 'design' ">
                        <div class="col-sm-2 control-label"><span style="color: red;">*&nbsp;</span>商品规格工艺:</div>
                        <div class="col-sm-2">
                            <el-button type="info" plain @click="choiceNewAttributeAndCraft()">选择规格工艺</el-button>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-2 control-label">是否上架:</div>
                        <div class="col-sm-2">
                            <!--<input type="text" class="form-control input-sm" v-model="good.marketable">-->
                            <!--<select v-model="good.marketable">-->
                            <!--<option value="puton">上架</option>-->
                            <!--<option value="pulloff">下架</option>-->
                            <!--<option value="delete">删除</option>-->
                            <!--</select>-->
                            <!--<el-select v-model="good.marketable" placeholder="上架平台">-->
                                <!--<el-option v-for="marketable in marketables" :key="marketable.key"-->
                                           <!--:label="marketable.value" :value="marketable.key"></el-option>-->
                            <!--</el-select>-->
                            <select v-model="good.marketable" class="form-control">
                                <option value="puton">上架</option>
                                <option value="pulloff">下架</option>
                                <option value="delete">删除</option>
                            </select>
                        </div>
                    </div>
                    <!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label">是否允许奖励金购买:</div>-->
                        <!--<div class="col-sm-2">-->
                            <!--<el-switch-->
                                    <!--style="display: block"-->
                                    <!--v-model="good.reward"-->
                                    <!--active-color="#87CEFF"-->
                                    <!--inactive-color="#F2F2F2"-->
                                    <!--active-text="允许"-->
                                    <!--inactive-text="禁止">-->
                            <!--</el-switch>-->
                        <!--</div>-->
                    <!--</div>-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label">商品简介:</div>
                        <div class="col-sm-4">
                            <input type="text" class="form-control input-sm" v-model="good.brief" placeholder="请输入商品简介">
                        </div>
                    </div>

                    <!--图片-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label">主图视频:</div>
                        <div class="col-sm-2"><span style="color: red;">*&nbsp;</span>商品图片:</div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 " style="text-align:right; padding:0px; margin:0px;">
                            <div v-if="good.videoUrl != ''">
                                <img v-bind:src="window.parent.vm.ossHost+videoUrl.filename"
                                     style="width:100px;text-align:left">
                                <a @click="delVideo(videoUrl,videoUrl.fileId)" value="删除"></a>
                            </div>
                        </div>
                        <div class="col-sm-8 ">
                            <div v-if="JSON.stringify(imageUrls) != '[]'">
                                <!--<span style="margin-right: 10px;;margin-left: 10px;"  v-for="image in imageUrls">-->
                                <!--<img v-bind:src="window.parent.vm.ossHost+image.filename" style="width:100px;text-align:left">-->
                                <!--<span><a @click="delImage(image,image.fileId)" value="删除"></a></span>-->
                                <!--</span>-->
                                <div class="col-sm-1 " v-for="image in imageUrls">
                                    <div style=" height:120px;margin-left:10px;">
                                        <div><img
                                                v-bind:src="window.parent.vm.ossHost+image.filename"
                                                style="width:100px;text-align:left;Margin:10px"></div>
                                        <!--<a @click="delImage(image,image.fileId)">删除</a>-->
                                        <el-button type="danger" round @click="delImage(image,image.fileId)">删除
                                        </el-button>
                                    </div>
                                </div>&nbsp;&nbsp;&nbsp;
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 " style="text-align:right; padding:0px; margin:5px;">
                            <a class="btn btn-info btn-sm" id="upload3">上传视频</a>
                        </div>
                        <div class="col-sm-2 " style="text-align:left; padding:0px; margin:5px;">
                            <a class="btn btn-info btn-sm" id="upload1">上传图片</a>
                        </div>
                    </div>
                </div>
                <div class="fb_01">
                    <div class="grid-content bg-purple-light " style="vertical-align: middle">
                        <!--<div class="col-sm-1"></div>-->
                        <div class="fb_01_hd">商品详情与服务</div>
                    </div>
                    <div class="form-group">
                        <span class="col-sm-2 control-label"><span style="color: red;">*&nbsp;</span>商品详情</span>
                        <span style="height:120px">
                        <!-- 商品详情图片上传 -->
                        <span v-if="JSON.stringify(infoUrls) != '[]'">
                            <span style="margin-right: 10px;margin-left: 10px;" v-for="infoUrl in infoUrls">
                                <img v-bind:src="window.parent.vm.ossHost+infoUrl.filename"
                                     style="width:100px;text-align:left">
                                <a href="javascript:void(0);" @click="delInfo(infoUrl,infoUrl.fileId)">删除</a>
                            </span>
                        </span>
                        <span style="margin-left: 100px;"><a class="btn btn-info btn-sm" id="upload2">上传图片</a></span>
                    </span>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">售后服务:</div>
                        <div class="col-sm-8 " style="text-align:left">
                            <!-- 售后服务 -->
                            <textarea style="width:600px;height: 300px;" v-model="good.afterSale"
                                      placeholder="请在此处填些相关售后服务..."></textarea>
                        </div>
                    </div>
                </div>
                <div class="fb_01">
                    <div class="grid-content bg-purple-light " style="vertical-align: middle">
                        <div class="fb_01_hd">
                            <!--<div class="col-sm-1"></div>-->
                            <div v-if="categoryEntity.goodsType == 'print' || categoryEntity.goodsType == 'fast'">
                                销售价格设置
                            </div>
                            <div v-else>商品规格属性</div>
                        </div>
                    </div>
                    <div class="form-group"
                         v-if="categoryEntity.goodsType == 'standard' || categoryEntity.goodsType == 'paper' || categoryEntity.goodsType == 'copy' || categoryEntity.goodsType == 'material'|| categoryEntity.goodsType == 'design'">
                        <!--<div class="col-sm-2 control-label">商品规格属性:</div>-->
                        <!--<div class="col-sm-10">-->
                        <div class="col-sm-12" v-if="JSON.stringify(attributeNames)=='[]'"><span style="color: red;">*&nbsp;</span>温馨提示:完成规格属性会动态加载矩阵列
                        </div>
                        <table style="text-align: center;" class=" fb_tab">
                            <thead>
                            <tr v-if="JSON.stringify(attributeNames)!='[]'">
                                <td v-for="specificationItem in good.specificationItems">
                                    {{specificationItem.attribute.attributeName}}
                                </td>
                                <!--<td v-if="JSON.stringify(good.craftAttributes)!='[]'">-->
                                    <!--<span v-for="craftAttribute in good.craftAttributes">-->
                                        <!--{{craftAttribute.attribute.attributeName}}-->
                                    <!--</span>-->
                                <!--</td>-->
                                <!-- -->
                                <td>库存<el-button class="one" style="margin: 5px; padding: 7px;" type="info" icon="el-icon-star-off" circle @click="allSelect('store')"></el-button></td>
                                <td>起订量<el-button class="one" style="margin: 5px; padding: 7px;" type="info" icon="el-icon-star-off" circle @click="allSelect('minBuyNum')"></el-button></td>
                                <td>重量(kg)<el-button class="one" style="margin: 5px; padding: 7px;" type="info" icon="el-icon-star-off" circle @click="allSelect('weight')"></el-button></td>
                                <td>单位<el-button class="one" style="margin: 5px; padding: 7px;" type="info" icon="el-icon-star-off" circle @click="allSelect('unit')"></el-button></td>
                                <td v-if="(good.stageType == 0 || good.stageType ==1) && (categoryEntity.goodsType != 'print' || categoryEntity.goodsType != 'fast')">紫云网售价<el-button class="one" style="margin: 5px; padding: 7px;" type="info" icon="el-icon-star-off" circle @click="oneSetZiyunPop('紫云')"></el-button></td>
                                <td v-else-if="(good.stageType == 0 || good.stageType ==1) && categoryEntity.goodsType == 'paper'">紫云网卷筒售价</td>
                                <td v-if="(good.stageType == 0 || good.stageType ==1) && categoryEntity.goodsType == 'paper' && good.isUnit == '1'">紫云网平板售价</td>
                                <td v-if="(good.stageType == 0 || good.stageType ==2) && (categoryEntity.goodsType != 'print' || categoryEntity.goodsType != 'fast')">pop售价<el-button class="one" style="margin: 5px; padding: 7px;" type="info" icon="el-icon-star-off" circle @click="oneSetZiyunPop('pop')"></el-button></td>
                                <td v-else-if="(good.stageType == 0 || good.stageType ==2) && categoryEntity.goodsType == 'paper'">pop卷筒售价</td>
                                <td v-if="(good.stageType == 0 || good.stageType ==2) && categoryEntity.goodsType == 'paper' && good.isUnit == '1'">pop平板售价</td>
                                <td v-if="categoryEntity.goodsType != 'print' || categoryEntity.goodsType != 'fast'">成本价<el-button class="one" style="margin: 5px; padding: 7px;" type="info" icon="el-icon-star-off" circle @click="allSelect('cost')"></el-button></td>
                                <td v-else-if="categoryEntity.goodsType == 'paper'">卷筒成本价</td>
                                <td v-if="categoryEntity.goodsType == 'paper' && good.isUnit == '1'">平板成本价 <el-button type="info" class="one" style="margin: 5px; padding: 7px;" icon="el-icon-star-off" circle @click="allSelect('lCost')"></el-button></td>
                                <td v-if="categoryEntity.goodsType != 'print' || categoryEntity.goodsType != 'fast'">市场价<el-button type="info" icon="el-icon-star-off" circle class="one" style="margin: 5px; padding: 7px;" @click="oneSet('marketPrice')"></el-button></td>
                                <td v-else-if="categoryEntity.goodsType == 'paper'">卷筒市场价<el-button class="one" type="info" style="margin: 5px; padding: 7px;" icon="el-icon-star-off" circle @click="oneSet('marketPrice')"></el-button></td>
                                <td v-if="categoryEntity.goodsType == 'paper' && good.isUnit == '1'">平板市场价<el-button class="one" style="margin: 5px; padding: 7px;" type="info" icon="el-icon-star-off" circle @click="oneSet('lMarketPrice')"></el-button></td>
                                <td>上下架状态<el-button class="one" style="margin: 5px; padding: 7px;" type="info" icon="el-icon-star-off" circle @click="allSelect('marketable')"></el-button></td>
                                <td>是否默认sku</td>
                            </tr>
                            </thead>
                            <tbody>
                            <tr v-if="JSON.stringify(attributeNames)!='[]'" v-for="(item,index) in good.itemList">
                                <td v-for="spe in item.spec">
                                    {{spe.optionName}}
                                </td>
                                <!--<td v-if="JSON.stringify(good.craftAttributes)!='[]'">-->
                                        <!--<span v-for="craft  in  item.cra">-->
                                            <!--<span v-for="opt in craft.option">{{opt.optionName}}&nbsp;</span>-->
                                        <!--</span>-->
                                <!--</td>-->
                                <!-- 库存 -->
                                <td>
                                    <input class="form-control" type="number" v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.store"/>
                                </td>
                                <!-- 最小起订量 -->
                                <td>
                                    <input class="form-control" type="number" v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.minBuyNum"/>
                                </td>
                                <!-- 重量 -->
                                <td>
                                    <input class="form-control" type="number" v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.weight"/>
                                </td>
                                <!-- 单位 -->
                                <td>
                                    <!--<input class="form-control" v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.unit"/>-->
                                    <select v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.unit" class="form-control">
                                        <option v-for="unitLibrary in unitLibraryList" v-bind:value="unitLibrary.unitName">{{unitLibrary.unitName}}</option>
                                    </select>
                                    <!--<select v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.unit" class="form-control">-->
                                        <!--<option value="吨">吨</option>-->
                                        <!--<option value="张">张</option>-->
                                        <!--<option value="盒">盒</option>-->
                                        <!--<option value="把">把</option>-->
                                        <!--<option value="个">个</option>-->
                                        <!--<option value="筒">筒</option>-->
                                        <!--<option value="支">支</option>-->
                                        <!--<option value="包">包</option>-->
                                        <!--<option value="箱">箱</option>-->
                                        <!--<option value="套">套</option>-->
                                        <!--<option value="卷">卷</option>-->
                                        <!--<option value="本">本</option>-->
                                        <!--<option value="台">台</option>-->
                                        <!--<option value="条">条</option>-->
                                        <!--<option value="款">款</option>-->
                                        <!--<option value="块">块</option>-->
                                        <!--<option value="米">米</option>-->
                                        <!--<option value="平方">平方</option>-->
                                        <!--<option value="罐">罐</option>-->
                                    <!--</select>-->
                                </td>
                                <!-- 紫云网售价 -->
                                <td v-if="good.stageType == 0 || good.stageType ==1"><input class="form-control" type="number" v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.totalPrice"/></td>
                                <!-- 紫云网大纸平板价 -->
                                <td v-if="(good.stageType == 0 || good.stageType ==1) && (categoryEntity.goodsType == 'paper' && good.isUnit == '1')">
                                    <input class="form-control"  type="number" v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.expandPrice"/>
                                </td>
                                <!-- pop售价 -->
                                <td v-if="good.stageType == 0 || good.stageType ==2"><input class="form-control" type="number" v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.totalPricePop"/></td>
                                <!-- pop大纸平板价 -->
                                <td v-if="(good.stageType == 0 || good.stageType ==2) && (categoryEntity.goodsType == 'paper' && good.isUnit == '1')">
                                    <input class="form-control"  type="number" v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.expandPricePop"/>
                                </td>
                                <!-- 成本价 -->
                                <td>
                                    <input class="form-control"  type="number" v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.cost"/>

                                </td>
                                <!-- 大纸平板成本价 -->
                                <td v-if="categoryEntity.goodsType == 'paper' && good.isUnit == '1'">
                                    <input class="form-control"  type="number" v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.lCost"/>
                                </td>
                                <!-- 市场价 -->
                                <td><input class="form-control" type="number" v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.marketPrice"/></td>
                                <!-- 大纸平板市场价 -->
                                <td v-if="categoryEntity.goodsType == 'paper' && good.isUnit == '1'">
                                    <input class="form-control"  type="number" v-bind:readonly="(item.marketable == 'delete')?true:false" v-model="item.lMarketPrice"/>
                                </td>
                                <td>
                                    <select class="form-control" v-model="item.marketable"
                                            style="padding-top: 4px;padding-bottom: 4px;padding-left: 8px;padding-right:8px;">
                                        <option class="form-control" style="text-align:center;" value="puton">上架
                                        </option>
                                        <option class="form-control" style="text-align:center;" value="pulloff">下架
                                        </option>
                                        <option class="form-control" style="text-align:center;" value="delete">删除
                                        </option>
                                    </select>
                                </td>
                                <td>
                                    <!--<select class="form-control" v-model="item.defaultProduct">-->
                                    <!--<option class="form-control" value="false">非默认</option>-->
                                    <!--<option class="form-control" value="true">默认</option>-->
                                    <!--</select>-->
                                    <el-switch v-model="item.defaultProduct" @change="changeDefault(index)"
                                               v-bind:disabled="(item.marketable == 'delete')?true:false"
                                               active-color="#13ce66" inactive-color="#F2F2F2"></el-switch>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <!--</div>-->
                    </div>
                    <!--<div class="form-group" v-if="good.stageType == 0">-->
                        <!--<div class="col-sm-2 control-label">切换售价显示</div>-->
                        <!--<div class="col-sm-2">-->
                            <!--<el-switch-->
                                    <!--style="display: block"-->
                                    <!--@change="changePrice"-->
                                    <!--v-model="good.platform"-->
                                    <!--active-color="#87CEFF"-->
                                    <!--inactive-color="#F2F2F2"-->
                                    <!--active-text="pom平台"-->
                                    <!--inactive-text="紫云网">-->
                            <!--</el-switch>-->
                        <!--</div>-->
                    <!--</div>-->
                    <div class="form-group" v-if="good.stageType == 0 || good.stageType == 1">
                        <div class="col-sm-2 control-label"><span style="color: red;">*&nbsp;</span>紫云网利润系数:</div>
                        <div class="col-sm-1">
                            <input type="text" class="form-control" v-model="good.ziyunPriceCoefficient" @blur="loadPrice('ziyun')" placeholder="请输入紫云网利润系数">
                        </div>
                        <div class="col-sm-1">
                            <input class="btn btn-default" @click="openStepPrice('ziyun')" type="button" value="紫云网阶梯价详情">
                        </div>
                    </div>
                    <div class="form-group" v-if="good.stageType == 0 || good.stageType == 2">
                        <div class="col-sm-2 control-label"><span style="color: red;">*&nbsp;</span>pop平台利润系数:</div>
                        <div class="col-sm-1">
                            <input type="text" class="form-control"  @blur="loadPrice('pop')" v-model="good.popPriceCoefficient" placeholder="请输入紫云网利润系数">
                        </div>
                        <div class="col-sm-1">
                            <input class="btn btn-default" @click="openStepPrice('pop')" type="button" value="pop阶梯价详情">
                        </div>
                    </div>
                    <!-- 市场价系数 -->
                    <!--<div class="form-group" v-if="!(categoryEntity.goodsType == 'print' || categoryEntity.goodsType == 'fast')">-->
                        <!--<div class="col-sm-2 control-label">市场价计算系数</div>-->
                        <!--<div class="col-sm-1">-->
                            <!--&lt;!&ndash;<input type="text" class="form-control input-sm"  v-model="good.ratio" @blur="ratioMarketable" placeholder="请输入系数"/>&ndash;&gt;-->
                            <!--<input type="text" class="form-control input-sm" v-model="good.ratio" @blur="ratioMarketable" style="width:112px;"-->
                                   <!--placeholder="请输入系数">-->
                        <!--</div>-->
                    <!--</div>-->
                    <!-- 设计服务 -->
                    <div class="form-group"
                         v-if="categoryEntity.goodsType == 'standard' || categoryEntity.goodsType == 'paper' || categoryEntity.goodsType == 'copy' || categoryEntity.goodsType == 'material'">
                        <div class="col-sm-2 control-label">设计服务</div>
                        <div class="col-sm-1" style="text-align:center;">SPU</div>
                        <div class="col-sm-1" style="text-align:center;">商品名称</div>
                        <div class="col-sm-1" style="text-align:center;">操作</div>
                        <div class="col-sm-1" style="text-align:center;">
                            <el-button type="info" plain @click="addDesign()" v-if="JSON.stringify(designGood)!='{}'">
                                修改
                            </el-button>
                            <el-button type="info" plain @click="addDesign()" v-else>添加</el-button>
                        </div>
                    </div>
                    <div class="form-group" v-if="JSON.stringify(designGood)!='{}'">
                        <div class="col-sm-2 "></div>
                        <div class="col-sm-1" style="text-align:center;">{{designGood.goodsId}}</div>
                        <div class="col-sm-1" style="text-align:center;">{{designGood.name}}</div>
                        <div class="col-sm-1" style="text-align:center;">
                            <!--<a @click="deleteDesign">删除</a>-->
                            <el-button type="info" plain @click="deleteDesign">删除</el-button>
                        </div>
                    </div>
                    <!--<div class="form-group">-->
                    <!--<div class="col-sm-2 "></div>-->
                    <!--<div class="col-sm-2">-->
                    <!--&lt;!&ndash;<a v-if="JSON.stringify(designGood)!='{}'" @click="addDesign">修改</a>&ndash;&gt;-->
                    <!--&lt;!&ndash;<a @click="addDesign" v-else>添加</a>&ndash;&gt;-->
                    <!--</div>-->
                    <!--</div>-->
                    <div class="form-group">
                        <div class="col-sm-2 control-label">工艺价格设置:</div>
                        <div class="col-sm-1">
                            <el-button type="info" plain @click="craftPrice()">详情</el-button>
                        </div>
                    </div>
                    <div v-if="categoryEntity.goodsType == 'print' || categoryEntity.goodsType == 'fast'">
                        <div class="form-group">
                            <div class="col-sm-2 control-label">机器价格设置:</div>
                            <div class="col-sm-1">
                                <el-button type="info" plain @click="machinePrice()">详情</el-button>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-2 control-label">材料价格设置:</div>
                            <div class="col-sm-1">
                                <el-button type="info" plain @click="materialPrice()">详情</el-button>
                            </div>
                        </div>
                        <div class="form-group" v-if="categoryEntity.goodsType == 'fast'">
                            <div class="col-sm-2 control-label">组合计价:</div>
                            <div class="col-sm-1">
                                <el-button type="info" plain @click="fastGroupPrice()">详情</el-button>
                            </div>
                        </div>
                        <!--<div class="form-group">-->
                            <!--<div class="col-sm-2 control-label">紫云网阶梯利润系数:</div>-->
                            <!--<div class="col-sm-1">-->
                                <!--<el-button type="info" plain @click="openStepPrice('ziyun')">详情</el-button>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="form-group">-->
                            <!--<div class="col-sm-2 control-label">pop平台阶梯利润系数:</div>-->
                            <!--<div class="col-sm-1">-->
                                <!--<el-button type="info" plain @click="openStepPrice('pop')">详情</el-button>-->
                            <!--</div>-->
                        <!--</div>-->
                    </div>
                    <div class="form-group" v-if="!(categoryEntity.goodsType == 'print' || categoryEntity.goodsType == 'fast')">
                        <div class="col-sm-2 control-label">是否无库存销售:</div>
                        <div class="col-sm-2">
                            <!--<select v-model="good.noStore" class="form-control">-->
                            <!--<option value="true">无库存销售</option>-->
                            <!--<option value="false">禁止无库存销售</option>-->
                            <!--</select>-->
                            <el-switch
                                    style="display: block"
                                    v-model="good.noStore"
                                    active-color="#87CEFF"
                                    inactive-color="#F2F2F2"
                                    active-text="允许"
                                    inactive-text="禁止">
                            </el-switch>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">销售单位:</div>
                        <div class="col-sm-1">
                            <!--<input type="text" class="form-control input-sm" v-model="good.unit" style="width:112px;"-->
                                   <!--placeholder="请输入销售单位">-->
                            <!--<select v-model="good.unit" class="form-control">-->
                                <!--<option value="吨">吨</option>-->
                                <!--<option value="张">张</option>-->
                                <!--<option value="盒">盒</option>-->
                                <!--<option value="把">把</option>-->
                                <!--<option value="个">个</option>-->
                                <!--<option value="筒">筒</option>-->
                                <!--<option value="支">支</option>-->
                                <!--<option value="包">包</option>-->
                                <!--<option value="箱">箱</option>-->
                                <!--<option value="套">套</option>-->
                                <!--<option value="卷">卷</option>-->
                                <!--<option value="本">本</option>-->
                                <!--<option value="台">台</option>-->
                                <!--<option value="条">条</option>-->
                                <!--<option value="款">款</option>-->
                                <!--<option value="块">块</option>-->
                                <!--<option value="米">米</option>-->
                                <!--<option value="平方">平方</option>-->
                                <!--<option value="罐">罐</option>-->
                            <!--</select>-->
                            <select v-model="good.unit" class="form-control">
                                <option v-for="unitLibrary in unitLibraryList" v-bind:value="unitLibrary.unitName">{{unitLibrary.unitName}}</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group" v-if="!(categoryEntity.goodsType == 'print' || categoryEntity.goodsType == 'fast')">
                        <div class="col-sm-2 control-label">最小起订量:</div>
                        <div class="col-sm-1">
                            <input type="number" class="form-control input-sm" v-model="good.minBuyNum"
                                   style="width:120px;" placeholder="请输入最小起订量">
                            <!--<el-input type="number"-->
                                      <!--v-model="good.minBuyNum"-->
                                      <!--size="mini"-->
                                      <!--min="1"-->
                                      <!--max="10000">-->
                            <!--</el-input>-->
                        </div>
                        <div class="col-sm-4">
                            (温馨提示:最小起订量请配置正数)
                        </div>
                    </div>
                    <!--<div class="form-group">-->
                        <!--<div class="col-sm-2 control-label">数据迁移测试入口</div>-->
                        <!--<div class="col-sm-1">-->
                            <!--<a @click="dataMigration">数据迁移测试</a>-->
                        <!--</div>-->
                    <!--</div>-->
                    <form class="form-inline">
                        <div class="form-group">
                            <div class="col-sm-2 control-label"><span style="color: red;">*&nbsp;</span>运费模板:</div>
                            <div class="col-sm-2">
                                <select v-model="good.freightId" class="form-control">
                                    <option value=""><span style="color: red;">&nbsp;</span>请选择运费模板</option>
                                    <option v-for="freightTemplate in freightTemplates"
                                        v-bind:value="freightTemplate.templateId">{{freightTemplate.templateName}}
                                    </option>
                                </select>
                                <!--<el-button @click="freightLayer = true"></el-button>-->

                                <!--<template>-->
                                    <!--<el-select v-model="good.freightId" filterable placeholder="请选择运费模板">-->
                                        <!--<el-option-->
                                                <!--v-for="freightTemplate in freightTemplates"-->
                                                <!--:key="freightTemplate.templateId"-->
                                                <!--:label="freightTemplate.templateName"-->
                                                <!--:value="freightTemplate.templateId">-->
                                        <!--</el-option>-->
                                    <!--</el-select>-->
                                <!--</template>-->
                            </div>
                            <div class="col-sm-2">
                                <input class="btn btn-default" @click="freightLayer = true" type="button" value="查看运费模板详情">
                            </div>
                        </div>
                    </form>
                    <div class="form-group"
                         v-if="categoryEntity.goodsType == 'print' || categoryEntity.goodsType == 'fast'">
                        <div class="col-sm-2 control-label">商品参数属性配置:</div>
                        <div class="col-sm-1">
                            <el-button type="info" plain @click="quoteAttribute()">详情</el-button>
                        </div>
                    </div>
                    <div class="form-group">
                        <input type="button" id="saveBtn" class="btn btn-primary  btn-sm" @click="saveGood" value="保存"/>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!--规格-->
    <div id="attributeLayer" style="display: none;">
        <div class="form-group">
            <div v-for="attribute in attributeList">
                <div>{{attribute.attributeName}}</div>
                <div>
                    <span v-for="goodsOption in attribute.goodsOptionList">
                        <span>
                            <input type="checkbox" name="attr"
                                   @click="choiceAttribute(event,attribute.attributeId,attribute.attributeName,goodsOption.optionId,goodsOption.optionName)">
                            <label>{{goodsOption.optionName}}</label>
                        </span>
                    </span>
                </div>
            </div>
            <span>{{good.specificationItems}}</span>
        </div>
    </div>
    <!--工艺选择器-->
    <div id="craftAttributeLayer" style="display: none;">
        <div class="form-group">
            <div v-for="craftAttribute in craftAttributeList">
                <div>{{craftAttribute.attributeName}}</div>
                <div>
                    <span v-for="goodsOption in craftAttribute.goodsOptionList">
                        <span>
                            <input type="checkbox" name="craft"
                                   @click="choiceCraft(event,craftAttribute.attributeId,craftAttribute.attributeName,goodsOption.optionId,goodsOption.optionName)">
                            <label>{{goodsOption.optionName}}</label>
                        </span>
                    </span>
                </div>
            </div>
            <span>{{good.craftAttributes}}</span>
        </div>
    </div>
    <!--设计服务layer-->
    <div id="designLayer" style="display: none;">
        <div class="grid-btn">
            <form class="form-inline" role="form">
                <div class="form-group">
                    <input type="text" class="form-control" v-model="designQuery.spu" placeholder="设计商品spu">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" v-model="designQuery.name" placeholder="设计商品名">
                </div>
                <a class="btn btn-primary " @click="reloadDesign"><i class="fa fa-search"></i>&nbsp;查询</a>
            </form>
        </div>
        <table id="designJqGrid"></table>
        <div id="designJqGridPager"></div>
    </div>
    <!--弹框内容-->
    <div>
        <el-dialog title="选择" :visible.sync="goodsCategoryDialogVisible" width="40%">
            <div class="el-form-item">
                <label class="el-form-item__label" style="width: 80px;">商品分类</label>
                <div class="el-form-item__content" style="margin-left: 80px;">
                    <el-cascader style="width: 90%"
                                 v-model="categoryId"
                                 :options="categoryTree"
                                 @change="categoryChange">
                    </el-cascader>
                </div>
            </div>
            <!--<span slot="footer" class="dialog-footer">-->
            <!--<el-button @click="dialogVisible = false">取 消</el-button>-->
            <!--<el-button type="primary" @click="findGoodTwo">确 定</el-button>-->
            <!--</span>-->
        </el-dialog>
    </div>
    <!-- ---------------------------------报价弹窗-------------------------------- -->
    <!-- 基础属性配置 -->
    <el-dialog class="xueqz" title="基础属性配置" :visible.sync="quoteAttributeLayer" @close="rollbackQuote" width="90%">
        <div v-for="(quoteTemplate,index) in allQuoteTemplate" style="border:1px solid #000">
            <div class="grid-content bg-purple-light" style = "text-align:center;float:left;"><h2 style="color:#303133; height:50px;">&nbsp;&nbsp;&nbsp;&nbsp;部&nbsp;件&nbsp;:&nbsp;{{quoteTemplate.partsName}}</h2></div>
            <table style="text-align: center;" width="100%">
                <thead>
                <th style="height: 50px;">普通属性选项</th>
                </thead>
                <tbody>
                <tr style="height: 50px;">
                    <td>选项名</td>
                    <td>选项值</td>
                    <td>默认选项</td>
                </tr>
                <tr v-for="normalAttributeOption in quoteTemplate.normalAttributeOptionList">
                    <td width="90px">{{normalAttributeOption.attributeName}}</td>
                    <td>
                        <el-select style="width: 90%" v-model="normalAttributeOption.normalSelectedTempOptionList"
                                   value-key="id" @change="changeNormal(normalAttributeOption)" multiple=true
                                   filterable="true" placeholder="请选择">
                            <el-option
                                    v-for="normalOption in normalAttributeOption.normalOptionList"
                                    :key="normalOption.id"
                                    :label="normalOption.optionName"
                                    :value="normalOption">
                            </el-option>
                        </el-select>
                    </td>
                    <td width="200px">
                        <el-select style="width: 95%" v-model="normalAttributeOption.normalDefaultOption"
                                   placeholder="请选择">
                            <el-option
                                    v-for="normalSelectedTempOption in normalAttributeOption.normalSelectedTempOptionList"
                                    :key="normalSelectedTempOption.id"
                                    :label="normalSelectedTempOption.optionName"
                                    :value="normalSelectedTempOption.id">
                            </el-option>
                        </el-select>
                    </td>
                </tr>
                </tbody>
            </table>
            <table style="text-align: center;" width="100%" v-if="JSON.stringify(quoteTemplate.materialAttributeOptionData) != '{}'">
                <thead>
                    <th>材料属性选项</th>
                </thead>
                <tbody>
                <tr>
                    <td>默认克重</td>
                    <td style="width:300px;"><!-- 被选择的材料 -->
                        <el-select style="width: 95%"
                                   v-model="quoteTemplate.materialAttributeOptionData.materialDefaultOption"
                                   @change="choiceMaterial(index,quoteTemplate.materialAttributeOptionData.materialDefaultOption)"
                                   placeholder="请选择">
                            <!--<el-select style="width: 90%" v-model="materialDefaultOptions[index]" @change="choiceMaterial(index,materialDefaultOptions[index])"  placeholder="请选择">-->
                            <!-- 可供选择的材料哦列表 -->
                            <el-option
                                    v-for="materialDefaultOption in quoteTemplate.materialAttributeOptionData.materialDefaultOptionList"
                                    :key="materialDefaultOption.optionKey"
                                    :label="materialDefaultOption.optionName"
                                    :value="materialDefaultOption.optionKey">
                            </el-option>
                        </el-select>
                    </td>
                    <td style="width:200px;"><!-- 被选中默认材料 -->
                        <el-select style="width: 90%"
                                   v-model="quoteTemplate.materialAttributeOptionData.materialDefaultOptionName2"
                                   placeholder="请选择">
                            <!-- 被选中默认材料的选项 -->
                            <el-option
                                    v-for="materialDefaultOptionName2 in quoteTemplate.materialAttributeOptionData.materialDefaultOptionName2List"
                                    :key="materialDefaultOptionName2.id"
                                    :label="materialDefaultOptionName2.optionName2"
                                    :value="materialDefaultOptionName2.id">
                            </el-option>
                        </el-select>
                    </td>
                </tr>
                <!-- 所有的材料列表 -->
                <tr v-for="(materialAttributeOption,index2) in quoteTemplate.materialAttributeOptionData.materialAttributeOptionList">
                    <td style="width:100px;">{{materialAttributeOption.optionName}}</td>
                    <td>
                        <!-- 已经被选择的材料列表 -->
                        <el-select style="width: 90%" v-model="materialAttributeOption.materialSelectedOptionList"
                                   @change=changeMaterial(quoteTemplate.materialAttributeOptionData,materialAttributeOption)
                                   value-key="id" multiple=true filterable="true" placeholder="请选择">
                            <!-- 所有材料列表,包含未被选择的材料 -->
                            <el-option
                                    v-for="materialOption in materialAttributeOption.materialOptionList"
                                    :key="materialOption.id"
                                    :label="materialOption.optionName2"
                                    :value="materialOption.id">
                            </el-option>
                        </el-select>
                    </td>
                    <td style="width:60px;">
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="buildQuoteData">确定</el-button>
        </div>
    </el-dialog>
    <!--<el-dialog class="xueqz" title="基础属性配置" :visible.sync="quoteAttributeLayer" width= "80%">-->
    <!--<table style="text-align: center;" width="100%">-->
    <!--<thead><tr><td>属性列表</td><td>选项值</td><td>默认选项</td></tr></thead>-->
    <!--<tbody>-->
    <!--<tr v-for="(quoteAttribute,index) in quoteAttributeList">-->
    <!--<td>{{quoteAttribute.attributeName}}</td>-->
    <!--<td width="70%">-->
    <!--<el-select style="width: 90%" v-model="quoteSelected[index]" value-key="optionId"  multiple=true  filterable="true"  placeholder="请选择">-->
    <!--<el-option-->
    <!--v-for="goodsOption in quoteAttribute.goodsOptionList"-->
    <!--:key="goodsOption.optionId"-->
    <!--:label="goodsOption.optionName"-->
    <!--:value="goodsOption">-->
    <!--</el-option>-->
    <!--</el-select>-->
    <!--</td>-->
    <!--<td>-->
    <!--<el-select style="width: 90%" v-model="defaultSelected[index]"  placeholder="请选择">-->
    <!--<el-option-->
    <!--v-for="quoteAttributeSon in quoteSelected[index]"-->
    <!--:key="quoteAttributeSon.optionId"-->
    <!--:label="quoteAttributeSon.optionName"-->
    <!--:value="quoteAttributeSon.optionId">-->
    <!--</el-option>-->
    <!--</el-select>-->
    <!--</td>-->
    <!--</tr>-->
    <!--</tbody>-->
    <!--</table>-->
    <!--<table style="text-align: center;" width="100%" v-if="goodTemplate.includCraft">-->
    <!--<thead><tr><td>工艺列表</td><td>选项值</td><td>默认选项</td></tr></thead>-->
    <!--<tbody>-->
    <!--<tr v-for="(quoteCraftAttribute,index) in quoteCraftAttributeList">-->
    <!--<td>{{quoteCraftAttribute.attributeName}}</td>-->
    <!--<td width="70%">-->
    <!--<el-select style="width: 90%" v-model="quoteCraftSelected[index]" value-key="optionId"  multiple=true  filterable="true"  placeholder="请选择">-->
    <!--<el-option-->
    <!--v-for="goodsOption in quoteCraftAttribute.goodsOptionList"-->
    <!--:key="goodsOption.optionId"-->
    <!--:label="goodsOption.optionName"-->
    <!--:value="goodsOption">-->
    <!--</el-option>-->
    <!--</el-select>-->
    <!--</td>-->
    <!--<td>-->
    <!--<el-select style="width: 90%" v-model="craftDefaultSelected[index]"  placeholder="请选择">-->
    <!--<el-option-->
    <!--v-for="quoteAttributeSon in quoteCraftSelected[index]"-->
    <!--:key="quoteAttributeSon.optionId"-->
    <!--:label="quoteAttributeSon.optionName"-->
    <!--:value="quoteAttributeSon.optionId">-->
    <!--</el-option>-->
    <!--</el-select>-->
    <!--</td>-->
    <!--</tr>-->
    <!--</tbody>-->
    <!--</table>-->
    <!--</el-dialog>-->
    <!-- 机器价格详情 -->
    <el-dialog title="机器价格详情" :visible.sync="machinePriceLayer" width="90%">
        <iframe v-if="categoryEntity.goodsType == 'print'"  frameborder=0 width="90%" height="600px" name="showHere" scrolling=auto src="../quotePrintFactory/quoteprintfactory.html"></iframe>
        <iframe v-if="categoryEntity.goodsType == 'fast'"  frameborder=0 width="90%" height="600px" name="showHere" scrolling=auto src="../quoteFastPrint/quotefastprint.html"></iframe>
    </el-dialog>
    <!-- 材料价格详情 -->
    <el-dialog title="材料价格详情" :visible.sync="materialPriceLayer" width="90%">
        <iframe v-if="categoryEntity.goodsType == 'print'" frameborder=0 width="90%" height="600px" name="showHere" scrolling=auto src="../quoteFactoryMaterial/quotefactorymaterial.html"></iframe>
        <iframe v-if="categoryEntity.goodsType == 'fast'" frameborder=0 width="90%" height="600px" name="showHere" scrolling=auto src="../quoteFastPrintMaterial/quotefastprintmaterial.html"></iframe>
    </el-dialog>
    <!-- 工艺价格详情 -->
    <el-dialog title="工艺价格详情" :visible.sync="craftPriceLayer" width="80%" height="90%">
        <iframe v-if="categoryEntity.goodsType == 'print'" frameborder=0 width="90%" height="600px" name="showHere" scrolling=auto src="../goodsCraftPrice/yinshuaCraftPrice.html"></iframe>
        <iframe v-if="categoryEntity.goodsType == 'fast'" frameborder=0 width="90%" height="600px" name="showHere" scrolling=auto src="../goodsCraftPrice/kuaiyinCraftPrice.html"></iframe>
        <!--<iframe v-if="!(categoryEntity.goodsType == 'fast' || categoryEntity.goodsType == 'print')" frameborder=0 width="90%" height="600px" name="showHere" scrolling=auto v-bind:src="'../goodsCraftPrice/goodscraftpriceUpdate.html?craftId='+craftIds+'&templateId='+goodTemplate.templateId"></iframe>-->
    </el-dialog>
    <!-- 组合计价详情 -->
    <el-dialog title="组合计价详情" :visible.sync="fastGroupPricelayer" width="80%" height="90%">
        <iframe v-if="categoryEntity.goodsType == 'fast'" frameborder=0 width="90%" height="600px" name="showHere" scrolling=auto src="../quoteFastPrintGroupPrice/quotefastprintgroupprice.html"></iframe>
    </el-dialog>
    <!-- 运费模板详情 -->
    <el-dialog title="运费模板详情" :visible.sync="freightLayer" width="90%">
        <iframe  frameborder=0 width="90%" height="600px" name="showHere" scrolling=auto v-bind:src="'../freightages/freighttemplate.html?freightTemplateId='+good.freightId"></iframe>
    </el-dialog>
    <!--<iframe v-show="craftPriceLayer" id="show-iframe"  frameborder=0 name="showHere" scrolling=auto src="../goodsCraftPrice/yinshuaCraftPrice.html"></iframe>-->
    <!-- 新版本规格工艺选择 -->
    <el-dialog title="新版本规格工艺选择" :visible.sync="attributeAndCraftLayer" @close="rollBack" width="70%">
        <!-- 自定义选项dialog -->
        <el-dialog width="30%" title="内层 Dialog" :visible.sync="addOptionDialog" append-to-body>
            <el-row>
                <el-col :span="6"><lable >选项名称</lable></el-col>
                <el-col :span="18" ><el-input v-model="addPrivateOption.optionName" autocomplete="off"></el-input></el-col>
            </el-row>
            <el-row>
                <el-col :span="6"><lable >选项值</lable></el-col>
                <el-col :span="18"><el-input v-model="addPrivateOption.optionValue" autocomplete="off"></el-input></el-col>
            </el-row>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="savePrivateOption">确定</el-button>
                <el-button type="primary" @click="cancelPrivateOption">取消</el-button>
            </div>
        </el-dialog>
        <!-- 规格选择 -->
        <el-table :data="attributeList" border style="width: 100%">
            <el-table-column  width="20px">
                <template slot-scope="scope">
                    <span style="color: red;">*&nbsp;</span>
                </template>
            </el-table-column>
            <el-table-column prop="attributeName" label="规格名称" width="150px"></el-table-column>
            <el-table-column label="规格选项" width="800px">
                <template slot-scope="scope">
                    <el-select v-model="scope.row.optionSelectedList" multiple placeholder="请选择" value-key="optionId"
                               style="width: 100%">
                        <!--<el-select v-model="select" multiple placeholder="请选择" value-key="optionId" style="width: 100%">-->
                        <el-option
                                v-for="goodsOption in scope.row.goodsOptionList"
                                :key="goodsOption.optionId"
                                :label="goodsOption.optionName"
                                :value="goodsOption">
                        </el-option>
                    </el-select>
                </template>
            </el-table-column>
            <el-table-column label="操作" width="250">
                <template slot-scope="scope">
                    <el-button @click="selectAllOption(scope.row)">全选</el-button>
                    <!--<el-button @click="optionDialog(scope.row)">自定义选项</el-button>-->
                </template>
            </el-table-column>
        </el-table>
        <!-- 工艺选择 -->
        <el-table v-if="!isBlank(craftAttributeList)" :data="craftAttributeList" border style="width: 100%">
            <el-table-column width="20px"></el-table-column>
            <el-table-column prop="attributeName" label="工艺名称" width="150px"></el-table-column>
            <el-table-column label="工艺选项" width="800px">
                <template slot-scope="scope">
                    <el-select v-model="scope.row.optionSelectedList" multiple placeholder="请选择" value-key="optionId"
                               style="width: 100%">
                        <el-option
                                v-for="goodsOption in scope.row.goodsOptionList"
                                :key="goodsOption.optionId"
                                :label="goodsOption.optionName"
                                :value="goodsOption">
                        </el-option>
                    </el-select>
                </template>
            </el-table-column>
            <el-table-column label="操作" width="200px">
                <template slot-scope="scope">
                    <el-button @click="selectAllOption(scope.row)">全选</el-button>
                </template>
            </el-table-column>
            <!--<el-table-column>-->
                <!--<template slot-scope="scope">-->
                    <!--<el-switch style="display: block" v-model="scope.row.joinAttribute"-->
                               <!--active-color="#87CEFF" inactive-color="#F2F2F2"-->
                               <!--active-text="允许" inactive-text="禁止">-->
                    <!--</el-switch>-->
                <!--</template>-->
            <!--</el-table-column>-->
        </el-table>
        <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="builderDate">确定</el-button>
        </div>
    </el-dialog>
    <!-- 报价商品阶梯利润系数设置 -->
    <el-dialog title="提示" :visible.sync="priceDialog" width="50%" @close="closePriceDialog">
        <el-table :data="stepPriceList" width="90%" stripe  style="width: 100%">
            <el-table-column   label="起始价格" width="180">
                <template slot-scope="scope">
                    <el-input v-model="scope.row.startPrice" type="number" min="0" placeholder="请输入"></el-input>
                </template>
            </el-table-column>
            <el-table-column label="结束价格" width="180">
                <template slot-scope="scope">
                    <el-input v-model="scope.row.endPrice" type="number" min="0" placeholder="请输入"></el-input>
                </template>
            </el-table-column>
            <el-table-column label="利润系数" width="180">
                <template slot-scope="scope">
                    <el-input v-model="scope.row.coefficient" type="number" min="0" placeholder="请输入"></el-input>
                </template>
            </el-table-column>
            <el-table-column label="操作">
                <template slot-scope="scope">
                    <el-button
                            @click.native.prevent="delRow(scope.$index, stepPriceList)"
                            type="text"
                            size="small">
                        移除
                    </el-button>
                </template>
            </el-table-column>
        </el-table>
        <input type="button" class="btn btn-primary  btn-sm" @click="addStepPriceList" value="添加阶梯价行"/>
        <span slot="footer" class="dialog-footer">
        <el-button @click="priceDialog = false">取 消</el-button>
        <el-button type="primary" @click="savePrice">确 定</el-button>
      </span>
    </el-dialog>
</div>
<script src="${request.contextPath}/statics/js/modules/goods/pushGoods.js?_${.now?long}"></script>
<#include "/modules/goodsCraftPrice/goodsCraftPricePage.html">
<style>
    .grid-content {
        border-radius: 4px;
        min-height: 36px;
    }

    .option {
        text-align: center;
    }

    .bg-purple-light {
        /*background: rgb(229, 233, 242);*/

    }

    .btn-info {
        color: #fff;
        background-color: #3c8dbc;
    }

    .el-button.is-round {
        border-radius: 20px;
        padding: 2px 3px;

    }

    .el-button--info.is-plain {
        color: #909399;
        background: #f4f4f5;
        border-color: #d3d4d6;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    element.style {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .control-label {
        border-right: solid 1px #504949;
    }

    .el-input__inner {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .xueqz {

    }

</style>
<style>
    /*@charset "UTF-8";*/
    * {
        margin: 0;
        padding: 0;
        font-style: normal
    }

    .ui li {
        margin: 0;
        padding: 0;
        list-style: none
    }

    input {
        background: 0 0;
        border: none
    }

    html {
        overflow-x: hidden;
        font-family: "微软雅黑";
        font-size: 12px;
    }

    a {
        text-decoration: none
    }

    ol, ul {
        list-style-type: none
    }

    input, img, select {
        vertical-align: middle;
        outline: 0;
        border: none;
    }

    table {
        border-collapse: collapse;
    }

    a {
        text-decoration: none;
        color: #666666;
        font-family: "微软雅黑";
    }

    .fbbp {
        padding: 20px;
        overflow: hidden;
    }

    .fb_01 {
        border: 1px solid #ddd;
        padding: 5px;
        margin-bottom: 20px;
    }

    .fb_01_hd {
        line-height: 38px;
        padding-left: 20px;
        margin-bottom: 20px;
        font-size: 18px;
        background: rgb(154, 200, 239);
        border-radius: 5px;
    }

    .fb_01_bd {
        padding: 30px;
        width: 100%;
        border-radius: 5px;
        background: #FFF;
        overflow: hidden;
    }

    .item-label {
        display: inline-block;
        width: 80px;
        text-align: right;
        margin-right: 20px;
        color: #999999;
        font-size: 14px;
    }

    .item-content {
        display: inline-block;
        width: 90%;
        vertical-align: top;
    }

    .fb_list {
        margin-bottom: 10px;
    }

    .spec-attr {
        display: inline-block;
        border: 1px solid #cccccc;
        padding: 2px 15px;
        margin-right: 10px;
        position: relative;
        margin-bottom: 10px;
        min-width: 62px;
        text-align: center;
        height: 25px;
        line-height: 25px;
        color: #666666;
        overflow: hidden;
        cursor: pointer;
        vertical-align: text-top;
    }

    .spec-attr.atver {
        border: 1px solid rgb(173, 243, 97);
        cursor: default;
    }

    .item-content input, .item-content select {
        width: 250px;
        height: 30px;
        border: 1px solid #ddd;
    }

    .item-content textarea {
        border: 1px solid #ddd;
        width: 400px;
        height: 150px;
        resize: none;
    }

    .fb_list_img_l {
        float: left;
        width: 130px;
        padding-right: 30px;
        border-right: 1px solid #cccccc;
        text-align: center;
    }

    .fb_list_img_l video {
        width: 100%;
        height: 110px;
    }

    .video, .image {
        margin: 15px 0px;
    }

    .but_video {
        display: inline-block;
        border: 1px solid #cccccc;
        padding: 5px 10px;
    }

    .fb_list_img_r {
        float: left;
        padding-left: 30px;
        text-align: center;
    }

    .fb_r_img {
        width: 110px;
        overflow: hidden;
        margin-right: 30px;
        float: left;
    }

    .fb_r_img img {
        width: 100%;
        height: 110px;
    }

    .fb_r_img span {
        padding: 5px 10px;
        display: inline-block;
    }

    .shop_l {
        float: left;
        width: 510px;
    }

    .shop_l span {
        margin-left: 20px;
    }

    .shop_l img {
        width: 122px;
        height: 144px;
        vertical-align: top;
    }

    .shop_r {
        float: right;
    }

    .shop_r p {
    }

    .shop_r p textarea {
        border: 1px solid #ddd;
        width: 600px;
        height: 150px;
        resize: none;
        margin-top: 20px;
    }

    .fb_tab {
        width: 100%;
    }

    .fb_tab tr td {
        border: 1px solid #ccc;
        text-align: center;
        padding: 10px;
        position:relative;
    }

    .fb_tab tr td input, .fb_tab tr td select {
        width: 100px;
        height: 30px;
        border: 1px solid #ddd;
        margin: auto;
    }

    .fb_02 {
        line-height: 35px;
    }

    .fb_02 i {
        font-size: 18px;
        display: inline-block;
        width: 150px;
        text-align: right;
        margin-right: 10px;
    }

    .fb_02 input[type='text'] {
        width: 100px;
        height: 28px;
        border: 1px solid #ddd;
    }
    .one{
        position:absolute;
        top: 0;
        right: 0;

    }

</style>

</body>
</html>
